﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
	<head>		
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="/static/css/table.css"
			type="text/css"></link>
		<!--以下3个js库必须按照顺序引入-->
		<!--vue脚本库-->
		<script type="text/javascript"
				src="/static/js/vue-3.2.4.global.js">
			<!--axios脚本库-->
		</script>
		<script type="text/javascript"
				src="/static/js/axios-0.18.0.min.js">
		</script>
		<!--我们自己封装的axios函数库 -->
		<script type="text/javascript"
				src="/static/js/axios-helper.js">
		</script>
	</head>
	<body id="app">
		<form>
			<font color="black"> 您在做的业务是-人力资源-调动管理-调动查询列表 </font>
			<br/><br/><br/>			

			<table width="100%" border="1" cellpadding=0 cellspacing=1
				bordercolorlight=#848284 bordercolordark=#eeeeee
				class="TABLE_STYLE1">
				<tr height="21">
					<td width="19%" class="TD_STYLE1">
						I级机构
					</td>
					<td width="19%" class="TD_STYLE1">
						II级机构
					</td>
					<td width="19%" class="TD_STYLE1">
						Ⅲ级机构
					</td>
					<td width="19%" class="TD_STYLE1">
						薪酬标准
					</td>
					<td width="19%" class="TD_STYLE1">
						名字
					</td>
					<td width="5%" class="TD_STYLE1">
						查看

					</td>

				</tr>

					<tr height="21" v-for="ma in majorChangeList">
						<td class="TD_STYLE2">
							{{ma.newFirstKindName}}
						</td>
						<td class="TD_STYLE2">
							{{ma.newSecondKindName}}
						</td>
						<td class="TD_STYLE2">
							{{ma.newThirdKindName}}
						</td>
						<td class="TD_STYLE2">
							{{ma.newSalaryStandardName}}
						</td>
						<td class="TD_STYLE2">
							{{ma.humanName}}
						</td>
						<td class="TD_STYLE2">
							<a href="javascript:void(0)" @click="queryById(ma.mchid)">
							查看</a>
						</td>
					</tr>
			</table>
			<br>
			<br>
	  
			
				</form>	
	</body>
	<script type="module">
		console.info(sessionStorage.getItem("firstKindId"));
		console.info(sessionStorage.getItem("secondKindId"));
		console.info(sessionStorage.getItem("thirdKindId"));
		console.info(sessionStorage.getItem("majorKindId"));
		console.info(sessionStorage.getItem("majorId"));
		console.info(sessionStorage.getItem("registTime"));
		Vue.createApp({
			data(){
				return{
					majorChange:{
						//自增
						mchid:null,
						//一级机构编号
						firstKindId:null,
						//一级机构名称
						firstKindName:null,
						//二级机构编号
						secondKindId:null,
						//二级机构名称
						secondKindName:null,
						//三级机构编号
						thirdKindId:null,
						//三级机构名称
						thirdKindName:null,
						//职位分类编号
						majorKindId:null,
						//职位分类名称
						majorKindName:null,
						//职位编号
						majorId:null,
						//职位名称
						majorName:null,
						//新一级机构编号
						newFirstKindId:null,
						//新一级机构名称
						newFirstKindName:null,
						//新二级机构编号
						newSecondKindId:null,
						//新二级机构名称
						newSecondKindName:null,
						//新三级机构编号
						newThirdKindId:null,
						//新三级机构名称
						newThirdKindName:null,
						//新三级机构名称
						newMajorKindId:null,
						//新职位分类名称
						newMajorKindName:null,
						//新职位编号
						newMajorId:null,
						//新职位名称
						newMajorName:null,
						//人力资源档案编号
						humanId:null,
						//姓名
						humanName:null,
						//薪酬标准编号
						salaryStandardId:null,
						//薪酬标准名称
						salaryStandardName:null,
						//薪酬总额
						salarySum:null,
						//薪酬总额
						newSalaryStandardId:null,
						//新薪酬标准名称
						newSalaryStandardName:null,
						//新薪酬总额
						newSalarySum:null,
						//调动原因
						changeReason:null,
						//调动原因
						checkReason:null,
						//复核通过状态
						checkStatus:null,
						//登记人
						register:null,
						//复核人
						checker:null,
						//登记时间
						registTime:null,
						//复核时间
						checkTime:null
					},
					majorChangeList:[]
				}
			},
			methods:{
				queryById(mchid){
					sessionStorage.setItem("mchid",mchid);
					window.location.href="/templates/page/transfer/detail.html";
				}
			},
			created(){
				this.majorChange.registTime=sessionStorage.getItem("registTime"|| null),
				this.majorChange.firstKindId=sessionStorage.getItem("firstKindId" || null),
				this.majorChange.secondKindId=sessionStorage.getItem("secondKindId" || null),
				this.majorChange.thirdKindId=sessionStorage.getItem("thirdKindId" || null),
				this.majorChange.newMajorKindId=sessionStorage.getItem("majorKindId" || null),
				this.majorChange.newMajorId=sessionStorage.getItem("majorId" || null)
				console.info(this.majorChange);
				requestGet("/majorChange/queryListByReason",{
					...this.majorChange
					// registTime:this.majorChange.registTime,
					// firstKindId:this.majorChange.firstKindId,
					// secondKindId:this.majorChange.secondKindId,
					// thirdKindId:this.majorChange.thirdKindId,
					// newMajorKindId:this.majorChange.newMajorKindId,
					// newMajorId:this.majorChange.newMajorId
				}).then((data)=>{
					console.info(data);
					this.majorChangeList=data;
				})
			}
		}).mount("#app");
	</script>
</html>